$color75: #757575;
$color7c: #7c7c7c;
$colorRed: #fd292f;
.new-person-coupon {
	background-image: url("../../../images/imageXHB/newPersonCoupon/bg@2x.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	position: relative;

	&-text {
		font-size: 0.54rem;
		font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
		font-weight: bold;
		color: #ffffff;
		// position: absolute;
		// top:1.24rem;
		// left:.52rem
		display: block;
		margin-top: 0.6rem;
		margin-left: 0.52rem;
		margin-bottom: 1.4rem;
	}
	.xhf-index-footer {
		// position: absolute;
		text-align: center;
		bottom: 0.6rem;
		// left: 30%;
		padding: 0.5rem;
		img {
			width: 2.24rem;
			height: 0.8rem;
		}
	}

	.new-person-coupon-logo {
		display: flex;
		justify-content: space-between;
		.logo {
			height: 0.66rem;
			img {
				height: 100%;
			}
		}
		.service {
			background-color: #fff;
			height: 0.4rem;
			padding: 0 0.16rem;
			color: #757575;
			border-radius: 2.4rem 0px 0px 2.4rem;
			line-height: 0.4rem;
			align-self: flex-end;
		}
	}

	.new-person-coupon-award {
		width: 7rem;
		background: #ffffff;
		box-shadow: 0px 4px 0.12rem 0px rgba(0, 0, 0, 0.07);
		border-radius: 0.16rem;
		padding: 0 0.5rem;
		box-sizing: border-box;
		margin: 0 auto;
		padding-bottom: 0.5rem;
		margin-bottom: 0.2rem;

		.new-person-coupon-award-title {
			font-weight: 500;
			color: #9b0007;
			padding: 0.3rem 0;
			font-size: 0.36rem;
		}
		.slider {
			div:nth-child(2) {
				bottom: -0.4rem !important;
			}
		}
	}
	.line {
		border-bottom: 2px dotted #d2d2d2;
		margin: 0.2rem 0;
	}
	.new-person-coupon-award-bottom {
		display: flex;
		align-items: center;
		justify-content: space-between;

		.new-person-coupon-award-bottom-right {
			// padding: 0 0.15rem;
			padding: 0.12rem 0;
			background: #fd292f;
			border-radius: 0.29rem;
			font-size: 0.26rem;
			color: #ffffff;

			min-width: 1.34rem;
			text-align: center;
		}
	}
}
.new-person-coupon-award-bottom-right-bottom {
	text-align: right;
	color: $color7c;
}
.coupon-item {
	position: relative;
	.coupon-item-left {
		background: linear-gradient(90deg, #fbf4db 0%, #feeac6 100%);
		margin: 0.2rem 0;
		position: relative;
		height: 1.76rem;
		width: 5.18rem;
		z-index: 1;
		&::before,
		&::after {
			content: "";
			position: absolute;
			background-color: #fff;
			height: 0.3rem;
			width: 0.3rem;

			top: 50%;
			border-radius: 50%;
			transform: translate(-50%, -50%);
		}
		&::before {
			left: 0;
		}
		&::after {
			background-color: $colorRed;

			right: 0;
			transform: translateX(50%);
		}
		display: flex;
		align-items: center;
		.coupon-item-left-item-left {
			color: $colorRed;
			font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
			font-size: 0.27rem;
			margin: 0 0.3rem;
			strong {
				font-style: italic;
				font-size: 0.64rem;
			}
		}
		.coupon-item-left-item-right {
			color: #7c7c7c;
			.coupon-item-left-item-top {
				font-weight: 500;
				font-size: 0.3rem;
			}
			.coupon-item-left-item-bottom {
				font-size: 0.18rem;
				margin-top: 0.14rem;
			}
		}
	}

	.coupon-item-button {
		height: 1.54rem;
		background-color: #fd292f;
		padding-left: 1.2rem;
		padding-right: 0.25rem;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(0, -50%);
		font-size: 0.3rem;
		color: #ffffff;
		border-radius: 0.1rem;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
}
.welfare {
	display: flex;

	.welfare-icon {
		width: 0.7rem;
		height: 0.7rem;
		display: inline-block;
		position: relative;
		z-index: 1;
		img {
			height: 100%;
			width: 100%;
		}
	}

	.welfare-item {
		flex: 1;
		text-align: center;
		position: relative;

		position: relative;
		div:last-child {
			font-size: 0.26rem;
			font-weight: 500;
			color: #4a4a4a;
			margin-top: 0.2rem;
		}
		&::before {
			content: "";
			width: 100%;
			position: absolute;
			height: 1px;
			background-color: $colorRed;
			top: 0.32rem;
			left: 50%;
		}
		&:last-child::before {
			width: 0px;
		}
	}
}
.new-person-coupon-panel-carousel {
	div:first-child {
		font-size: 0.3rem;
		font-weight: 500;
		color: #515151;
		margin-bottom: 0.28rem;
	}
	div:last-child {
		font-size: 0.24rem;
		color: #515151;
	}
	.new-person-coupon-panel-carousel-item {
		display: flex;
		span {
			width: 0.4rem;
			height: 0.4rem;
			text-align: center;
			line-height: 0.4rem;
			color: #fff;
			border-radius: 50%;
			background: #ffdaba;
			margin-right: 0.2rem;
		}
		&:last-child {
			line-height: 0.34rem;
			span {
				background-color: #fd292f;
			}
		}
		p {
			flex: 1;
		}
	}
}

.new-person-coupon-award-bottom-left {
	flex: 1;
	div:first-child {
		font-weight: 500;
		color: #676767;
		font-size: 0.3rem;
		margin-bottom: 6px;
	}
	div:last-child {
		color: #fd292f;
		font-size: 0.26rem;

		img {
			height: 0.3rem;
			vertical-align: bottom;
		}
	}
}
.modal-title {
	text-align: left;
	font-weight: 500;
	font-size: 0.24rem;
	color: #3f3f3f;
}
.modal-content {
	border: 1px solid #ebeef5;
	margin: 0.14rem 0;
	height: 3.5rem;
	overflow-y: scroll;
	font-size: 0.24rem;
	text-align: left !important;
}
.modal-status {
	text-align: left;
	font-size: 0.24rem;
	margin-top: 0.1rem;
}
.modal-content-text {
	color: #030303;
	font-size: 0.3rem;
}
.coupon-button {
	width: 6.38rem;
	height: 1rem;
	background: linear-gradient(90deg, #f83f55 0%, #f8262d 100%);
	border-radius: 0.5rem;
	display: block;
	font-size: 0.36rem;
	font-weight: 500;
	color: #fffdfc;
	line-height: 1rem;
	text-align: center;
	margin: 0 auto;
	margin-top: 0.54rem;
}
